<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/module.css">
    <link rel="stylesheet" href="../css/sort_prod.css">
</head>
<body>
<!--头部部分logo开始-->
<div class="top">
    <div class="w top_logo">
        <h1><a href="#" title="布卡漫画">布卡漫画</a></h1>
    </div>
</div>
<!--头部部分logo结束-->
<!--头部导航栏部分开始-->
<div class="top_nav w">
    <div class="nav">
        <ul class="fl">
            <li><a href="#">首页</a></li>
            <li><a href="#">分类</a></li>
            <li><a href="#">用户中心</a></li>
            <li><a href="#">充值中心</a></li>
            <li><a href="#">客服中心</a></li>
        </ul>
    </div>
    <div class="search fr">
        <div class="search_box fl">
            <button class="btn"></button>
            <input type="text" placeholder="请输入漫画名/作者">
        </div>
        <div class="mail fr" title="布卡投稿平台">
            <span><img src="../img/mail.png" alt=""></span>
            我要投稿
        </div>
    </div>
</div>
<!--头部导航栏部分结束-->

<!--分类中部商品部分开始-->
<div class="sort_prod w">
    <ul class="big_ul clearfix">
        <li class="prod_box">
            <div class="prod_title">
                <h3 class="fl">最近更新</h3>
                <p class="fr"><a href="#" class="fl">更多</a><a href="#"><span class="icon" class="fr"></span></a></p>
            </div>
            <ul class="product">
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">就想要个女朋友</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
            </ul>
        </li>
        <li class="prod_box">
            <div class="prod_title">
                <h3 class="fl">最近更新</h3>
                <p class="fr"><a href="#" class="fl">更多</a><a href="#"><span class="icon" class="fr"></span></a></p>
            </div>
            <ul class="product">
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">就想要个女朋友</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
            </ul>
        </li>
        <li class="prod_box">
            <div class="prod_title">
                <h3 class="fl">最近更新</h3>
                <p class="fr"><a href="#" class="fl">更多</a><a href="#"><span class="icon" class="fr"></span></a></p>
            </div>
            <ul class="product">
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">就想要个女朋友</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
            </ul>
        </li>
        <li class="prod_box">
            <div class="prod_title">
                <h3 class="fl">最近更新</h3>
                <p class="fr"><a href="#" class="fl">更多</a><a href="#"><span class="icon" class="fr"></span></a></p>
            </div>
            <ul class="product">
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">就想要个女朋友</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
            </ul>
        </li>
        <li class="prod_box">
            <div class="prod_title">
                <h3 class="fl">最近更新</h3>
                <p class="fr"><a href="#" class="fl">更多</a><a href="#"><span class="icon" class="fr"></span></a></p>
            </div>
            <ul class="product">
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">就想要个女朋友</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
            </ul>
        </li>
        <li class="prod_box">
            <div class="prod_title">
                <h3 class="fl">最近更新</h3>
                <p class="fr"><a href="#" class="fl">更多</a><a href="#"><span class="icon" class="fr"></span></a></p>
            </div>
            <ul class="product">
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">就想要个女朋友</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
            </ul>
        </li>
        <li class="prod_box">
            <div class="prod_title">
                <h3 class="fl">最近更新</h3>
                <p class="fr"><a href="#" class="fl">更多</a><a href="#"><span class="icon" class="fr"></span></a></p>
            </div>
            <ul class="product">
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">就想要个女朋友</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
            </ul>
        </li>
        <li class="prod_box">
            <div class="prod_title">
                <h3 class="fl">最近更新</h3>
                <p class="fr"><a href="#" class="fl">更多</a><a href="#"><span class="icon" class="fr"></span></a></p>
            </div>
            <ul class="product">
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">就想要个女朋友</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
            </ul>
        </li>
        <li class="prod_box">
            <div class="prod_title">
                <h3 class="fl">最近更新</h3>
                <p class="fr"><a href="#" class="fl">更多</a><a href="#"><span class="icon" class="fr"></span></a></p>
            </div>
            <ul class="product">
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">就想要个女朋友</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
                <li>
                    <a href="#"><img src="../img/32x(1).jpg" alt=""></a>
                    <p class="text_title"><a href="#">时雨</a></p>
                    <p class="text"><a href="#">睡筝娘</a></p>
                    <p class="text"><a href="#">最后更新:第1话</a></p>
                </li>
            </ul>
        </li>
    </ul>
</div>
<!--分类中部商品部分结束-->

<!--底部部分开始-->
<div class="bottom w">
    <ul >
        <li class="address">
            <span class="fl"><img src="../img/addr.png"></span>
            <div class="address_text fl">
                <p>珠海布卡科技有限公司</p>
                <p>地址: 珠海市香洲区夏美路161号(南厦丰泽园)2栋二层商铺234C</p>
            </div>
        </li>
        <li class="email">
            <span class="fl"><img src="../img/email.png"></span>
            <div class="info_text fl">
                <p>客服: <a href="#">services@buka.cn</a></p>
                <p>投稿: <a href="#">td.sosobook.cn</a></p>
                <p>合作: <a href="#">bd@buka.cn</a></p>
            </div>
        </li>
        <li class="phone">
            <span class="fl"><img src="../img/phone.png"></span>
            <div class="info_text fl">
                <p>电话:</p>
                <p>0756-3360306</p>
            </div>
        </li>
        <li class="ICP">
            <span  class="fl">
                <img src="../img/global.png">
                <img src="../img/wenwangwenicon.png">
            </span>
            <div class="info_text fl">
                <p>ICP备案号:粤ICP备15028491号-1</p>
                <p>网络文化经营许可证:粤网文[2015]2094-438号</p>
            </div>
        </li>
        <li class="tip">
            <img src="../img/bkn.png">
            <img src="../img/tip.png">
        </li>
    </ul>
</div>
<!--底部部分结束-->
</body>
</html>